<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>

<div class="modal-dialog ms-modal-dialog">
  <div class="modal-content">

    <div class="modal-header">
      <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
      <h4 class="modal-title">分属供方司机信息查询&nbsp;-&nbsp;过滤查询</h4>
    </div>

    <form class="form-horizontal ms-form modal-search-form" role="form" method="GET" action="${ctx.host}/sub-drivers">
    
      <input type="hidden" name="filter" value="true">
      
      <div class="modal-body">
      
        <div class="form-group ms-form-group">
          <label class="col-xs-3 control-label">所属公司：</label>
          <div class="col-xs-8">
            <select name="supplierId" class="select2 form-control" tabindex="1">
              <option></option>
              <c:forEach var="supplier" items="${suppliers}">
                <option value="${supplier.id}">${supplier.name}</option>
              </c:forEach>
            </select>
          </div>
        </div>
      
        <div class="form-group ms-form-group">
          <label class="col-xs-3 control-label">姓名：</label>
          <div class="col-xs-8">
            <input type="text" name="name" class="form-control" placeholder="姓名" value="" tabindex="1" autocomplete="off">
          </div>
        </div>

        <div class="form-group ms-form-group">
          <label class="col-xs-3 control-label">工号：</label>
          <div class="col-xs-8">
            <input type="text" name="code" class="form-control" placeholder="工号" value="" tabindex="3" autocomplete="off">
          </div>
        </div>

         <div class="form-group ms-form-group">
           <label class="col-xs-3 control-label">身份证号：</label>
           <div class="col-xs-8">
             <input type="text" name="citizenCode" class="form-control" placeholder="身份证号" value="" tabindex="5" autocomplete="off">
           </div>
         </div>
        
        <div class="form-group ms-form-group"> 
	        <label class="col-xs-3 control-label">所属交通工具：</label>
	        <div class="col-xs-8 modal-search-warp">
	          <input type="text" name="vehicle" class="form-control vehicle-search modal-search" data-org="companyIds"
	               data-value-name="vehicleId" placeholder="请填写所属交通工具" data-modal-search="#modal-search-vehicle" tabindex="6" autocomplete="off">
	          <a href="javascript:void(0);" class="btn" data-koala-search="true" data-target="#modal-search-vehicle" data-toggle="modal">
	            <span class="glyphicon glyphicon-align-justify" aria-hidden="true"></span>
	          </a>
	        </div> 
        </div>
        
        <div class="form-group ms-form-group">
          <label class="col-xs-3 control-label">手机号码：</label>
          <div class="col-xs-8">
            <input type="text" name="mp" class="form-control" placeholder="手机号码" autocomplete="off">
          </div>
        </div>

        <div class="form-group ms-form-group">
          <label class="col-xs-3 control-label">审核状态：</label>
          <div class="col-xs-8">
            <select name="status" class="select2 form-control" tabindex="8">
              <option></option>
              <c:forEach var="status" items="${enums['DriverAuditStatus']}">
                <option value="${status}">${status.description}</option>
              </c:forEach>
            </select>
          </div>
        </div>
          
      </div>
      
      <div class="modal-footer">
        <button type="submit" class="btn ms-btn btn-primary">查询</button>
        <button type="button" class="btn ms-btn ms-btn-gary" data-dismiss="modal">取消</button>
      </div>

    </form>
     
  </div>
</div>

<script>
  $(document).ready(function(){

    $('select[name="supplierId"]').select2({
      theme: "classic",
      placeholder : '请选择',
      minimumResultsForSearch : 5,
      allowClear : true
    });
    
    $('select[name="status"]').select2({
      theme: "classic",
      placeholder : '请选择',
      minimumResultsForSearch : Infinity,
      allowClear : true
    });
        
  })
</script>
